@CHARSET "UTF-8";
body {
    font: normal 100%/1.8em Tahoma, Verdana, Helvetica, Arial, sans-serif;
    background: #F0F0F0;
	color: #888;
    margin: 0;
    padding: 0;
}
h1 {
    font: normal 300%/1.0em Georgia, serif;
    margin: 0 0 0.3em;
}
h2 {
    font: normal 150%/1.0em Cambria, Georgia, serif;
    margin: 0 0 0.3em;
}
a { 
	color: #555; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;  
}
ul li { list-style: disc inside; }

input { border: 1px solid #aaa; }
input[type="text"],
input[type="password"] {
    padding: 3px 2px;
}

.wrapper {
    background: #fff;
    padding: 15px;
	margin: 0 auto;
	width: 925px;	
	border: 1px solid #c0c0c0;
	border-top:none;	
}
#header { 
	overflow: hidden; 
	zoom: 1; 
	border-bottom: 1px solid #ddd; 
	padding: 15px;
	padding-bottom: 3px;
	background: #DEDED7;
}
#logo   { float: left; }
#logo a { text-decoration: none; }
#logo a:hover { border-bottom: 2px solid #000; }
#header .box-account { text-align: right; float: right; }
#header .box-account ul { margin: 0; padding: 0; }
#header .box-account ul li { display: inline; padding: 0 6px 0 5px; border-right: 1px solid #555; }
#header .box-account ul li.last { border-right: none; }

.quick-links {
    border-top: #f0f0f0 1px solid;
    clear: both;
}
.top-links {
    float: right;
    margin: 0;
    padding: 0;
}
.top-links li {
    float: left;
    list-style: none;
    margin-left: 10px;
}

#content {
    width: 100%;
    padding: 10px 0;
}
#content div.group-name,
#content div.thread-name{
	font-weight: bold;
}
#content div.group-name a.back,
#content div.thread-name a.back{
	font-weight: normal;
	float: right;
	font-size: 12px;
}
#content table.group-forum,
#content table.thread{
	border: 4px solid #DEDED7;
	margin-bottom: 10px;
	width: 100%;
}
#content table.group-forum th,
#content table.thread th,
#content table.group-forum th a,
#content table.thread th a{
    background-color: #DEDED7;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.6;
	color: #60604C;
}

#content table.group-forum .group-name{
    text-align: left;
	padding-left: 5px;
	width: 50%;
}
#content table.group-forum .group-title,
#content table.group-forum .group-mesage{
    text-align: center;
	width: 15%;	
}
#content table.group-forum .group-lastmesage{
    text-align: center;
    width: 20%;     
}
#content table.group-forum td{
    background-color: #FAF9F3; 
    border-bottom: 1px solid #DEDED7;
	line-height: 1.3;
	padding: 3px 0px 2px 0px;	
}

#content table.thread .mass-content{
    text-align: left;
	padding-left: 5px;
	width: 70%;
	font-size: 14px;
	line-height: 1.8em;
}
#content table.thread .mass-content h4{
	margin: 6px 0 3px 6px;
}
#content table.thread .mass-content p.user{
	margin: 0px;
	border-bottom: 1px dotted #cccccc;
}
#content table.thread .mass-content span.user{
	font-size: 13px;
}
#content table.thread .mass-user{
    text-align: left;
    width: 30%;
	border-left: 1px dotted #cccccc;
	padding: 5px;
}
#content table.thread td.mass-user{
	font-size: 14px;
}
#content table.thread .mass-content p.mass{
	margin: 0px;
}
#content table.thread td{
    background-color: #FAF9F3; 
    border-bottom: 2px solid #DEDED7;
	line-height: 1.3;
	padding: 3px 0px 2px 0px;	
}

table#add{
	width: 450px;
	margin: 0px auto;
	border: 1px solid #cccccc;
}
table#add form{
	margin: 0px;
}
table#add  td.lable{
	width: 110px;
	font-size: 14px;
	line-height: 1.1;
	padding: 3px 5px;
}
table#add input#mass_title{
	font-size: 13px;
	width: 310px;
	margin-top: 3px;
}
table#add textarea{
	width: 312px;
	font-size: 13px;
}
table#add th{
    background-color: #DEDED7;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.6;
	color: #60604C;	
}
.date{
	font-size: 13px;
}
.description{
	font-size: 12px;
}
.box {
    border: 5px solid #deded7;  
    padding: 10px;
}

#footer {
    clear: both;
	overflow: hidden; 
	zoom: 1; 	
	padding: 15px;
	background: #DEDED7;
}

.f-right    { float: right !important; }
.f-left     { float: left !important; }
.a-right    { text-align: right !important; }
.a-left     { text-align: left !important; }
.a-center   { text-align: center !important; }

dl.no-indent dt,
dl.no-indent dd { padding: 0; margin: 0; }

ul.no-bullet li,
ol.no-bullet li {
    list-style: none;
}

.no-background {
    background: none !important;
}

.no-display {
    display: none;
}

ul.form-list li {
    list-style: none;
}
.form-list label {
    float: left;
    width: 80px;
}


/* messagestack */
#messages {}
#messages ul {
    margin: 0;
    margin-bottom: 5px;
    border-style: solid;
    border-width: 0;
    background-repeat: no-repeat;
    padding: 8px;
    font-size: .95em;
    font-weight: bold;
    border-color: #999;
    background-color: #fdfdfd;
}
ul.error-msg, 
ul.notice-msg,
ul.success-msg {
    background-position: 10px 7px;
    padding: 8px 8px 8px 32px !important;
}
ul.error-msg {
    color:#df280a;
    border-color:#f16048 !important;
    background-color:#faebe7 !important;
}
ul.notice-msg {
    color:#555;
    border-color:#fcd344 !important;
    background-color:#fafaec !important;
}
ul.success-msg {
    color:#3d6611;
    border-color:#446423 !important;
    background-color:#eff5ea !important;
}
/* tables */
.data-table { width: 100%; }
.data-table th { font-size: .8em; background: #efefef; }
.data-table tr.over td { background: #f7f7f7; }
.data-table tr.selected td { background: #f1f1f1; }
th.headerSortUp { 
    background-image: url(../images/sortable-th-bg.gif) !important;
    background-position: right top !important;
    background-color: #e8e8e8;
}
th.headerSortDown { 
    background-image: url(../images/sortable-th-bg.gif) !important;
    background-position: right bottom !important;
    background-color: #e8e8e8;
}
th.header { 
    background-image: url(../images/sortable-th-bg.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 12px;
    cursor: pointer; 
}
/*search page*/
#search-text{
	width: 300px;
}
.form-search{
	width: 500px;
	text-align: left;
	margin-left: 200px;
	margin-bottom: 50px;
}
#search-button{
	float: right;	
}
.checks{
	margin-left: 50px;
}

/* ------------------------------------------------- pager */
th ul.paging {
    margin-top: 6px;
}
ul.paging { float: right; margin: 0px; width: 200px; height: 15px;}
ul.paging li { display: inline; }
ul.paging a,
ul.paging span {
   font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
   color: #644e2a !important;
   text-decoration: none !important;
   padding: 1px 4px;
   margin-right: 1px;
   border: 1px solid #dedede;
   background: #fff;
}
ul.paging a:hover { border-color: #aaa; }
ul.paging .current { border-color: #aaa; background: #dedede; cursor: default; }
ul.paging .disabled { cursor: default; }
ul.paging span.next,
ul.paging span.previous { opacity: 0.3; filter: alpha(opacity="30"); }

/* account */
.change-password {
    background: #eaeaea;
    border: 1px solid #ddd;
    padding: 4px 6px 6px;
}